<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    @@ include("../../header.jsp"){} $$
    <!-- jqgrid-->
    <link href="/static/css/bootstrap.css?v=3.3.6" rel="stylesheet">
    <link href="/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/static/jqgrid/jqgrid.css" rel="stylesheet">
    <style>
        /* Tooltip 容器 */
        .tip {
            position: relative;
            display: inline-block;
            /*border-bottom: 1px dotted black; !* 悬停元素上显示点线 *!*/
        }

        /* Tooltip 文本 */
        .tip .tipText {
            visibility: hidden;
            background-color: #23262E;
            color: white;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;

            /* 定位 */
            position: absolute;
            z-index: 1;
        }

        /* 鼠标移动上去后显示提示框 */
        .tip:hover .tipText {
            visibility: visible;
        }
    </style>

</head>
<body>
<div class="content-search">
    <div style="padding:15px;">
        <form id="alertForm" class="layui-form layui-form-pane" action="/pc/biz/prop/alert">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label" >接管预警</label>
                    <div class="layui-input-inline" style="width: 100px">
                        <input type="number" id="noAssignee" autocomplete="off" class="layui-input" value="${noAssignee!}">
                    </div>
                    <div class="tip layui-input-inline">
                        <i class="layui-icon layui-icon-about" style="font-size: 30px; color: #31b0d5"></i>
                        <span class="tipText">如果在报修或撤手后，流程没有在n天内由新的技术员结束后则触发预警</span>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">进展预警</label>
                    <div class="layui-input-inline" style="width: 100px">
                        <input type="number" id="noProgress" autocomplete="off" class="layui-input" value="${noProgress!}">
                    </div>
                    <div class="tip layui-input-inline">
                        <i class="layui-icon layui-icon-about" style="font-size: 30px; color: #31b0d5"></i>
                        <span class="tipText">如果在受理后，流程没有在n天内产生新的记录或完成则触发预警</span>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <button type="button" class="layui-btn" lay-submit lay-filter="*" >保存</button>
                </div>
                <div class="tooltip">鼠标移动到这
                    <span class="tooltiptext">提示文本</span>
                </div>
            </div>
        </form>
    </div>
</div>
<script>

    layui.use(['form', 'element'], function(){
        var form = layui.form;
        form.on('submit(*)', function(data){
            var formData = {};
            var form = $("#alertForm");
            formData.noAssignee = $("#noAssignee").val();
            formData.noProgress = $("#noProgress").val();
            $.post(form.attr("action"), formData, function(data){
                if(data.status == 200){
                    layer.alert(data.msg, {
                        icon: 1,
                        skin: 'layer-ext-moon'
                    },function () {
                        layer.closeAll();
                    });
                }else{
                    layer.alert(data.msg, {
                        icon: 2,
                        skin: 'layer-ext-moon'
                    });
                }
            });
            return false; //阻止表单跳转。
        });
    });

</script>
</body>
</html>